<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>发布信息</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/personalInfo.css">

    <link rel="stylesheet" href="lib/datePlugin/common.css" type="text/css" />
    <!--<link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />-->
    <link rel="stylesheet" href="lib/layer_mobile/need/layer.css">

    <link rel="stylesheet" href="css/releaseMessage.css">


    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
</head>

<body >

<header id="header-tab">
    <!-- 选项卡标题 -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation"><a   href="#supply-information" aria-controls="category_01" role="tab" data-toggle="tab" aria-expanded="false">供应消息</a></li>
        <li role="presentation"><a href="#purchasing-information" aria-controls="category_02" role="tab" data-toggle="tab" aria-expanded="true">采购消息</a></li>
    </ul>
</header>

<section id="information">

    <!-- 所有的选项卡内容 -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane  active" id="supply-information">
            <div class="fill-information">
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title"><span>供应消息</span></div>

                </div>
                <div class="row btn btn-primary" data-toggle="modal" data-target=".supply-meat-type">
                    <div class="col-xs-4 must-fill"><span>种类</span></div>
                    <div class="col-xs-7"><span><input class="meat-type-input" placeholder="牛肉或者羊肉" required/></span></div>
                    <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                </div>


                    <div class="row btn btn-primary" data-toggle="modal" data-target=".supply-info">
                        <div class="col-xs-4 must-fill"><span>供应详情</span></div>
                        <div class="col-xs-7"><span><input class="provide-info-input" placeholder="请输入供货详情" required/></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>





                <div class="row btn btn-primary" data-toggle="modal" data-target=".supply-meat-category">
                    <div class="col-xs-4"><span>类别</span></div>
                    <div class="col-xs-7"><span><input class="meat-category-input"  placeholder="请输入肉的类别"/></span></div>
                    <div class="col-xs-1"><span><img src="img/icon_right.png"/></span></div>
                </div>

                <div class="row">
                    <div class="col-xs-4"><span>数量(kg)</span></div>
                    <div class="col-xs-8"><span><input  pattern="^[1-9]*$" class="meat-num-input" type="number" placeholder="请输入供货数量"/></span></div>
                </div>
                <!--<div class="row">
                    <div class="col-xs-4"><span>单位</span></div>
                    <div class="col-xs-8"><span><input class="meat-unit-input" placeholder="kg" readonly="true"/></span></div>
                </div>-->
                <div class="row">
                    <div class="col-xs-5"><span>单价(元/吨)</span></div>
                    <div class="col-xs-7" style="left:-8%"><span><input class="meat-price-input" placeholder="请输入供货单价" /></span></div>
                </div>
                
                <div class="is-show hidden">

                    <div class="row btn btn-primary" data-toggle="modal" data-target=".supply-place">
                        <div class="col-xs-4"><span>产地</span></div>
                        <div class="col-xs-7"><span><input class="supply-place-input" placeholder="请输入肉的产地"/></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>

                    <div class="row btn btn-primary"   data-toggle="modal" data-target=".supply-packing">
                        <div class="col-xs-4"><span>包装规格</span></div>
                        <div class="col-xs-7"><span><input class="supply-packing-input"/></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>

                    <div class="row btn btn-primary"   data-toggle="modal" data-target=".supply-type">
                        <div class="col-xs-4"><span>供应类型</span></div>
                        <div class="col-xs-7"><span><input class="supply-type-input" /></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>


                    <div class="row">
                        <div class="col-xs-4"><span>保质期(天)</span></div>
                        <div class="col-xs-8"><span><input class="quality-guarantee-period" placeholder="请输入保质期" /></span></div>
                    </div>


                    <div class="row">
                        <div class="col-xs-4"><span>精修比例</span></div>
                        <div class="col-xs-8"><span><input class="scale-input" placeholder="请输入肉的精修比例"/></span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-4"><span>厂号/品牌</span></div>
                        <div class="col-xs-8"><span><input class="factory-num-input" placeholder="请输入厂号"/></span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-4"><span>失效期</span></div>
                        <div class="col-xs-8"><span><input  class="failure-period-input" placeholder="天数 失效期最多一周"/></span></div>
                    </div>
                </div>

                <!--展开收起的按钮-->
                <div class="row hidden-btn">

                    <div class="col-xs-12 text-center"><span><img src="img/icon_bottom.png"></span></div>

                </div>
                <!--/展开收起的按钮-->
            </div>

            <!--卖家信息-->
            <div class="seller-information">
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title"><span>卖方信息</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>姓名</span></div>
                    <div class="col-xs-8"><span><input class="name" placeholder="请输入姓名" value="张三"/></span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>手机号</span></div>
                    <div class="col-xs-8"><span><input type="number"  class="phone" placeholder="请输入手机号" value="18311111111"/></span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>QQ</span></div>
                    <div class="col-xs-8"><span><input class="QQ" type="number" placeholder="请输入QQ号"/></span></div>
                </div>

                <div class="row">
                    <div class="col-xs-4"><span>微信</span></div>
                    <div class="col-xs-8"><span><input class="WeChat" placeholder="请输入微信号"/></span></div>
                </div>
            </div>
        </div>
        
        
        <div role="tabpanel" class="tab-pane " id="purchasing-information">
            <div class="fill-information">
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title"><span>采购消息</span></div>
                </div>
                <div class="row btn btn-primary" data-toggle="modal" data-target=".purchasing-meat-type">
                    <div class="col-xs-4 must-fill"><span>种类</span></div>
                    <div class="col-xs-7"><span><input required class="meat-type-input" placeholder="牛肉或者羊肉"/></span></div>
                    <div class="col-xs-1" ><span><img src="img/icon_right.png"></span></div>
                </div>


                <div class="row btn btn-primary" data-toggle="modal" data-target=".purchasing-info">
                          <div class="col-xs-4 must-fill"><span>采购详情</span></div>
                          <div class="col-xs-7"><span><input required class="purchasing-info-input" placeholder="请输入采购详情"/></span></div>
                          <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                </div>


                <div class="row btn btn-primary" data-toggle="modal" data-target=".purchasing-meat-category">
                    <div class="col-xs-4"><span>类别</span></div>
                    <div class="col-xs-7"><span><input class="meat-category-input"  placeholder="请输入肉的类别" /></span></div>
                    <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                </div>

                <div class="row">
                    <div class="col-xs-4"><span>数量(kg)</span></div>
                    <div class="col-xs-8"><span><input type="number" class="meat-num-input" placeholder="请输入采购数量"/></span></div>
                </div>
          
                <!--<div class="row">
                    <div class="col-xs-4"><span>单位</span></div>
                    <div class="col-xs-8"><span><input class="meat-unit-input" placeholder="kg" readonly="true"/></span></div>
                </div>-->
                <div class="row">
                    <div class="col-xs-5"><span>单价(元/吨)</span></div>
                    <div class="col-xs-7" style="left:-8%"><span><input class="meat-price-input" placeholder="请输入意向单价" /></span></div>
                </div>

                <div class="is-show hidden">
                        <div class="row">
                            <div class="col-xs-4"><span>交货地</span></div>
                            <div class="col-xs-8"><span><input  class="delivery-area"  placeholder="请输入交货地址"/></span></div>
                        </div>

                    <div class="row btn btn-primary" data-toggle="modal" data-target=".purchasing-place">
                            <div class="col-xs-4"><span>产地</span></div>
                            <div class="col-xs-7"><span><input class="purchasing-place-input" placeholder="请输入要求产地"/></span></div>
                             <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>

                        <div class="row">
                            <div class="col-xs-4"><span>失效期</span></div>
                            <div class="col-xs-8"><span><input  class="failure-period-input"  placeholder="天数 失效期最多一周"/></span></div>

                        </div>

                        <div class="row">
                            <div class="col-xs-4"><span>保质期(天)</span></div>
                            <div class="col-xs-8"><span><input    class="quality-guarantee-period" placeholder="如：2016.08.01"/></span></div>

                        </div>

                    </div>

                <!--展开收起的按钮-->
                <div class="row hidden-btn">

                    <div class="col-xs-12 text-center"><span><img src="img/icon_bottom.png"></span></div>

                </div>
                <!--/展开收起的按钮-->



            </div>

            <!--卖家信息-->
            <div class="seller-information">
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title"><span>买方信息</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>姓名</span></div>
                    <div class="col-xs-8"><span><input class="name" placeholder="请输入姓名" /></span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>手机号</span></div>
                    <div class="col-xs-8"><span><input class="phone" type="number" placeholder="请输入手机号" /></span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>QQ</span></div>
                    <div class="col-xs-8"><span><input class="QQ" type="number" placeholder="请输入QQ号"/></span></div>
                </div>

                <div class="row">
                    <div class="col-xs-4"><span>微信</span></div>
                    <div class="col-xs-8"><span><input class="WeChat" placeholder="请输入微信号"/></span></div>
                </div>
            </div>
        </div>
    </div>
</section>






<footer id="footer-btn">
    <div class="container">
        <div class="row">
            <button class="col-xs-6" style="background-color: #CCCCCC;color: black">重置</button>
            <button class="col-xs-6" >发布</button>
        </div>
    </div>
</footer>


<!--供应消息肉的种类-->

<div class="modal  supply-meat-type" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

                <div data-value="0">牛肉</div>
                <div data-value="1">羊肉</div>

            </div>
            <button class="cancel">取消</button>
        </div>
    </div>
</div>
<!--供应消息肉的种类结束-->

<!--供应消息肉的类别-->

<div class="modal  supply-meat-category" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>
        </div>
    </div>
</div>


<!--供应消息肉的类别-->


<!--供应消息供应类型-->

<div class="modal  supply-type" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>

        </div>
    </div>
</div>


<!--供应消息供应类型-->



<!--供应消息包装规格-->

<div class="modal  supply-packing" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>
        </div>
    </div>
</div>


<!--供应消息包装规格的类别-->

<!--供应消息产地-->

<div class="modal  supply-place" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>
        </div>
    </div>
</div>
<!--供应消息产地结束-->







<!--采购消息肉的种类-->

<div class="modal  purchasing-meat-type" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">
                <div   data-value="0">牛肉</div>
                <div   data-value="1">羊肉</div>

            </div>
            <button class="cancel">取消</button>

        </div>
    </div>
</div>
<!--采购消息肉的种类结束-->


<!--采购消息肉的类别-->

<div class="modal purchasing-meat-category" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>

        </div>
    </div>
</div>
<!--采购消息肉的种类类别-->



<!--采购消息产地-->

<div class="modal  purchasing-place" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content">

            </div>
            <button class="cancel">取消</button>
        </div>
    </div>
</div>
<!--采购消息产地结束-->
<div id="datePlugin"></div>




<!--供应详情页面-->
<div class="modal supply-info fullpage" tabindex="-1"  role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm fullpage">
        <div class="modal-content fullpage">
            <div class="option-content option-content1 fullpage">
                <section class="txt">
                    <textarea class="content" placeholder="请输入供货详情(最多允许输入500字)"></textarea>
                </section>

                <section class="line"></section>

                <section class="photo">
                    <script src="lib/lrz/dist/lrz.bundle.js"></script>
                    <p>最多添加5张</p>
                    <div class='img-container'>
                        <!--<span><i></i><div><img src="img/upimg.gif" alt=""></div></span>-->
                        <div class='uploadImg'>
                            <form enctype="multipart/form-data" id='upImage'>
                                <input id="supply-upload-photo" accept="image/*" multiple="multiple" class="imageFile" name="imageFile" type="file" style='opacity: 0;' data-max-file-count="0" data-max-file-size="1024000">
                            </form>
                        </div>
                    </div>
                   <!--<p>最多添加5张</p>
                    <div class="up-photo">

                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                    </div>-->
                </section>

                <footer class="true">
                    <button>确认</button>
                </footer>
                <div id="imgbox"><div><i></i><div></div></div></div>
            </div>
        </div>
    </div>
</div>
<!--供应详情页面结束-->


<!--采购消息详情-->

<div class="modal  purchasing-info" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content ">
            <div class="option-content option-content1">
                <section class="txt">
                    <textarea class="content" placeholder="请输入采购详情(最多允许输入500字)"></textarea>
                </section>

                <!--<section class="line"></section>-->

                <!--<section class="photo">
                    <form enctype="multipart/form-data">
                        <input id="purchasing-upload-photo" class="imageFile" name="imageFile" type="file" multiple data-max-file-count="5" data-max-file-size="1024000">
                    </form>-->
                  <!--  <p>最多添加5张</p>
                    <div class="up-photo">

                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                        <div class="up-photo-btn height-equals-width">
                            <input type="file" accept="image/*" />
                        </div>
                    </div>
                </section>-->

                <footer class="footer-nav">
                    <button>确认</button>
                </footer>
            </div>
        </div>
    </div>
</div>
<!--采购消息产地结束-->


<script src="lib/jquery/jquery.js"></script>
<script type="text/javascript" src="lib/datePlugin/date.js" ></script>
<script type="text/javascript" src="lib/datePlugin/iscroll.js" ></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    $(function(){
        $('#supply-information .quality-guarantee-period').date();
        $('#supply-information .failure-period-input').date();
        $('#purchasing-information .quality-guarantee-period').date();
        $('#purchasing-information .failure-period-input').date();
        $('.endTime').date({theme:"datetime"});
    });
  
</script>
<script src="lib/layer_mobile/layer.js"></script>
<script src="js/laymes.js"></script>
<script src="js/releaseMessage.js"></script>


</body>

</html>